Ext.BLANK_IMAGE_URL = "../ext/resources/images/default/s.gif";
Ext.ux.ThemeChange = Ext.extend(Ext.form.ComboBox, {
	editable : false,
	displayField : 'theme',
	valueField : 'css',
	typeAhead : true,
	mode : 'local',
	value : '默认',
	readonly : true,
	triggerAction : 'all',
	selectOnFocus : true,
	initComponent : function() {
		var themes = [ [ '默认', 'ext-all.css' ], [ '黑色', 'xtheme-black.css' ],
				[ '巧克力色', 'xtheme-chocolate.css' ],
				[ '深灰色', 'xtheme-darkgray.css' ],
				[ 'galdaka', 'xtheme-galdaka.css' ],
				[ '灰色', 'xtheme-gray-extend.css' ],
				[ '浅灰色', 'xtheme-gray.css' ], [ '绿色', 'xtheme-green.css' ],
				[ 'indigo', 'xtheme-indigo.css' ],
				[ '橄榄色', 'xtheme-olive.css' ],
				[ 'orange', 'xtheme-orange.css' ],
				[ '椒盐色', 'xtheme-peppermint.css' ],
				[ '紫色', 'xtheme-purple.css' ], [ '红灰色', 'xtheme-red5.css' ],
				[ '暗蓝色', 'xtheme-slate.css' ],
				[ '银白色', 'xtheme-silverCherry.css' ],
				[ 'slickness', 'xtheme-slickness.css' ],
				[ 'slickness2', 'xtheme-slickness2.css' ] ];
		this.store = new Ext.data.SimpleStore( {
			fields : [ 'theme', 'css' ],
			data : themes
		});
	},
	initEvents : function() {
		this.on('collapse', function() {
			//Ext.Msg.alert("aa","bb");
			//实际改变风格样式的处理   
			Ext.util.CSS.swapStyleSheet('theme',
					'../ext/resources/css/' + this.getValue());
		});
	}
});

Ext.reg('lgnThemeChange', Ext.ux.ThemeChange);